chore(deps): bump the tailwind group across 1 directory with 3 updates#21
chore(deps): bump the tailwind group across 1 directory with 3 updates#21dependabot[bot] wants to merge 1 commit into
Conversation
LabelsThe following labels could not be found: Please fix the above issues or remove invalid values from |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
| "@types/react-dom": "^19", | ||
| "postcss": "^8.5", | ||
| "tailwindcss": "^3.4.17", | ||
| "tailwindcss": "^4.2.1", |
There was a problem hiding this comment.
CRITICAL: Major breaking change - Upgrading Tailwind CSS from v3 to v4
This is a significant upgrade. Tailwind v4 is a complete rewrite that no longer uses JavaScript config files (tailwind.config.ts). Your current config with custom colors, animations, and the tailwindcss-animate plugin will NOT work in v4.
You need to either:
- Migrate the entire configuration to CSS-based
@themedirective - Or use
@tailwindcss/viteplugin which has backward compatibility
Without this migration, your app will lose all custom colors, border radius, and animations.
Code Review SummaryStatus: 1 Issue Found | Recommendation: Address before merge Overview
Issue Details (click to expand)CRITICAL
Other Observations (not in diff)Issues found in unchanged code that cannot receive inline comments:
Files Reviewed (3 files)
Incremental Review: No new issues introduced. The Tailwind CSS upgrade from v3 to v4 remains the primary concern. Your existing Reviewed by gemma-4-26b-a4b-it · 4,139 tokens |
7a471c4 to
d046a6a
Compare
Re-reviewed after new commit (250178d). The only change since last review is the dependabot bump itself (
Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues. |
| "@types/react-dom": "^19", | ||
| "postcss": "^8.5", | ||
| "tailwindcss": "^3.4.17", | ||
| "tailwindcss": "^4.2.2", |
There was a problem hiding this comment.
This bumps tailwindcss from v3 to v4, which is a major version with a completely different architecture. This will break the application because the project is set up entirely for v3:
tailwind.config.tsuses v3-style JS configuration (content,darkMode,theme.extend,plugins: [require("tailwindcss-animate")]). Tailwind v4 replaced this with CSS-based configuration and does not readtailwind.config.tsby default.postcss.config.mjsregisterstailwindcssdirectly as a PostCSS plugin. v4 requires@tailwindcss/postcssinstead.app/globals.cssuses@tailwind base;,@tailwind components;,@tailwind utilities;directives, which are removed in v4 and replaced with@import "tailwindcss".- The
tailwindcss-animateplugin uses v3'srequire()plugin API which no longer exists in v4.
All custom theme colors, border radius tokens, keyframes, and dark mode setup will stop working. This PR should not be merged without a full Tailwind v4 migration, or the version constraint should remain pinned to v3.
Fix it with Roo Code or mention @roomote and request a fix.
d046a6a to
250178d
Compare
250178d to
5abcfc5
Compare
Bumps the tailwind group with 3 updates in the / directory: [autoprefixer](https://github.com/postcss/autoprefixer), [postcss](https://github.com/postcss/postcss) and [tailwindcss](https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss). Updates `autoprefixer` from 10.4.23 to 10.5.0 - [Release notes](https://github.com/postcss/autoprefixer/releases) - [Changelog](https://github.com/postcss/autoprefixer/blob/main/CHANGELOG.md) - [Commits](postcss/autoprefixer@10.4.23...10.5.0) Updates `postcss` from 8.5.6 to 8.5.15 - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md) - [Commits](postcss/postcss@8.5.6...8.5.15) Updates `tailwindcss` from 3.4.19 to 4.3.0 - [Release notes](https://github.com/tailwindlabs/tailwindcss/releases) - [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/main/CHANGELOG.md) - [Commits](https://github.com/tailwindlabs/tailwindcss/commits/v4.3.0/packages/tailwindcss) --- updated-dependencies: - dependency-name: autoprefixer dependency-version: 10.4.27 dependency-type: direct:production update-type: version-update:semver-patch dependency-group: tailwind - dependency-name: postcss dependency-version: 8.5.8 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: tailwind - dependency-name: tailwindcss dependency-version: 4.2.1 dependency-type: direct:development update-type: version-update:semver-major dependency-group: tailwind ... Signed-off-by: dependabot[bot] <support@github.com>
5abcfc5 to
542ba80
Compare
Bumps the tailwind group with 3 updates in the / directory: autoprefixer, postcss and tailwindcss.
Updates
autoprefixerfrom 10.4.23 to 10.5.0Release notes
Sourced from autoprefixer's releases.
Changelog
Sourced from autoprefixer's changelog.
Commits
faf456aRelease 10.5 versionb841fc5Update dependencies47d6e68Update email45cfc08Replace ESLint and Prettier to oxlint and oxfmt7e3ec7dAdd prefixing support for mask-position-x and mask-position-y (#1548)360f2d9Release 10.4.27 versionab5260cUpdate clean-publish09e9dd1Release 10.4.26 versionec75540Ignore local patches59601b8Update c8 and clean-publishUpdates
postcssfrom 8.5.6 to 8.5.15Release notes
Sourced from postcss's releases.
Changelog
Sourced from postcss's changelog.
Commits
eae46dbRelease 8.5.15 version79508ffUpdate CI actionsb128e21Speed up declaration parsing by avoiding creating new array on each token9825dcaFix code format55789c8Update dependencies84fbbe9Install older pnpm action for old Node.js9f860bdRevert pnpm action for old Node.js0877198Update CI actionsb2d1a33Fix linter warnings0700dacMerge pull request #2088 from rootvector2/add-oss-fuzz-harnessUpdates
tailwindcssfrom 3.4.19 to 4.3.0Release notes
Sourced from tailwindcss's releases.
... (truncated)
Changelog
Sourced from tailwindcss's changelog.
... (truncated)
Commits
588bd734.3.0 (#20023)59936c6Addtab-*utilities (#20022)90a2373addzoom-*utilities (#20020)2e1ccf7Addscrollbar-gutter-*utilities (#20018)754e751Use non-existing example in tests (#20021)12eb5aeCleanup noisy test output (#20015)4255671Improve snapshot tests (#20013)8c77989Ensure math operators are surrounded by whitespace in arbitrary values (#20011)b4db3b9Add scrollbar-width and scrollbar-color utilities (#19981)08cad84Support--default(…)in--value(…)and--modifier(…)to support fallbac...Maintainer changes
This version was pushed to npm by GitHub Actions, a new releaser for tailwindcss since your current version.